<%@ page import="java.util.List" %>
<%@ page import="course.service.CollegeService" %>
<%@ page import="course.service.impl.CollegeServiceImpl" %>
<%@ page import="course.pojo.entity.College" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教师管理</title>

    <%@ include file="base.jsp"%>

    <link rel="stylesheet" href="css/x-admin.css" media="all"/>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script src="js/x-layui.js" charset="utf-8"></script>
    <script src="js/jquery-3.6.0.js"></script>
    <script>

        //前端校验
        //onsubmit 事件是提交时触发，如果事件触发的函数返回false，表单不提交，如果返回true，表单提交
        function checkForm() {
            var academyName = document.getElementById("academyName").value;
            let $tsex = $(":radio:checked[name=tsex]")
            var tphone = document.getElementById("tphone").value;
            var temail = document.getElementById("temail").value;
            var cid = document.getElementById("cid").value;

            if (null == academyName || academyName == '') {
                alert("请输入教师名称");
                return false;
            }
            if ($tsex.length == 0) {
                alert("请选择性别");
                return false;
            }
            if (null == tphone || tphone == '') {
                alert("请输入手机号");
                return false;
            }
            if (null == temail || temail == '') {
                alert("请输入email");
                return false;
            }
            if (null == cid || cid == '') {
                alert("请选择所属学院");
                return false;
            }
            x_admin_close();
            return true;
        }
    </script>
</head>

<body>
<div class="x-body">
    <form action="admin/teacherController" method="post" target="_parent" onsubmit="return checkForm()">
        <input type="hidden" name="fun" value="add"/>
        <input type="hidden" name="total" value="${param.total}"/>
        <input type="hidden" name="pages" value="${param.pages}"/>

        <div class="layui-form-item">
            <label for="academyName" class="layui-form-label"> <span class="x-red">*</span>教师姓名
            </label>
            <div class="layui-input-inline">
                <input type="text" id="academyName" name="tname" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>必填
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label"> <span class="x-red">*</span>性别
            </label>
            <div class="layui-input-inline">
                <label for="nan"><input type="radio" name="tsex" id="nan" value="男" class="layui-btn-radius">男</label>
                <label for="nv"> <input type="radio" name="tsex" id="nv" value="女" class="layui-btn-radius">女</label>
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>必填
            </div>
        </div>

        <div class="layui-form-item">
            <label for="tphone" class="layui-form-label"> <span class="x-red">*</span>手机号
            </label>
            <div class="layui-input-inline">
                <input id="tphone" name="tphone" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>必填
            </div>
        </div>

        <div class="layui-form-item">
            <label for="temail" class="layui-form-label"> <span class="x-red">*</span>email
            </label>
            <div class="layui-input-inline">
                <input id="temail" name="temail" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>必填
            </div>
        </div>

        <div class="layui-form-item">
            <label for="academyName" class="layui-form-label"> <span class="x-red">*</span>所属学院
            </label>
            <div class="layui-input-inline">
                <select name="cid" id="cid" class="layui-select" style="width: 200px;">
                    <option value="">--请选择学院--</option>
                    <c:forEach items="${list}" var="i">
                        <option value="${i.cid}">${i.cname}</option>
                    </c:forEach>
                </select>
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>必填
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label"></label>
            <button type="submit" class="layui-btn">添加</button>
        </div>
    </form>
</div>
</body>

</html>